.hide{
    display:none;
}

.clear{
    clear:both;
}

.nPlayer_playBox{
    
    
}

.nPlayer_playBox *{
    margin:0;
    padding:0;
    list-style:none;
}

#nPlayer_fileChoser{
    display:none;
    height:40px;
    width:40px;
}

#nPlayer_playBox{
    height:600px;
    width:800px;
    box-shadow:0px 0px 20px #999999;
    background-image:url(../img/Heiyan01.jpg);
    position:absolute;
    top:50%;
    left:50%;
    margin:-300px 0 0 -400px;
    text-align:center;
}

#nPlayer_listContain{
}

.nPlayer_songList,#nPlayer_playList{
    height:300px;
    overflow:auto;
    background-color:white;
    text-align:left;
    position:absolute;
}

#nPlayer_playList{
    width:300px;
    left:10px;
    display:none;
}

.nPlayer_songList{
    width:720px;
    left:50%;
    margin-left:-360px;
    top:200px;
    opacity:0.8;
}

.nPlayer_songList li,#nPlayer_dragSong{
    cursor:pointer;
    padding:5px;
}
.nPlayer_songList li{
    position:relative;
}
.nPlayer_songList li:hover, #nPlayer_playList li.current:hover{
    background-color:#60FFCA;
}
.nPlayer_songList li.current{
    background-color:#9EFFDE;
}
.nPlayer_songList li .nPlayer_btnDelsong{
    position:absolute;
    right:10px;
    top:0;
}
#nPlayer_dragLine{
    height:2px;
    background-color:black;
}

.nPlayer_playControlBack{
    background:white;
    margin:10px auto;
    width:720px;
    height:100px;
    opacity:0.5;
    border-radius:10px;
}

.nPlayer_playControlContain span, .nPlayer_modControl span{
    display:block;
    width:100%;
    height:100%;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center;
}

.nPlayer_playControlContain div, .nPlayer_modControl div{
    background-color:white;
    background: -webkit-linear-gradient(top, #FFFFFF, #F1F1F1 50%, #E1E1E1 50%, #F3F3F3);
    position:absolute;
    cursor:pointer;
    box-shadow:0 0 15px #0A51A3;
}

.nPlayer_playControlContain div:hover, .nPlayer_modControl:hover{
    box-shadow:0 0 15px #111111;
    background: -webkit-linear-gradient(top, #E1E1E1, #F3F3F3);
}

.nPlayer_modControl div:hover{
    background: -webkit-linear-gradient(top, #E1E1E1, #F3F3F3);
}

.nPlayer_play{
    top:35px;
    left:60px;
    border-radius:50px;
    width:50px;
    height:50px;
}

.nPlayer_sound{
    top:65px;
    left:680px;
    width:32px;
    height:32px;
    border-radius:10px;
}

.nPlayer_modControl{
    box-shadow:0 0 15px #0A51A3;
    position:absolute;
    border-radius:5px;
    top:72px;
    left:550px;
}

.nPlayer_modControl div{
    position:static;
    width:40px;
    height:20px;
    float:left;
    box-shadow:0 0 0;
}

.nPlayer_modControl div span{
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}

.nPlayer_normal{
    border-radius:5px 0 0 5px;
}

.nPlayer_loopAll{
    border-radius:0 5px 5px 0;
}

.nPlayer_loopOne{
    border-left:1px solid #999999;
    border-right:1px solid #999999;
}

.nPlayer_modControl .nPlayer_modSelect{
    background: -webkit-linear-gradient(top, #CCCCCC, #F3F3F3);
}

.nPlayer_icon_pause{
    background-image:url(../img/nplayer-Icons-pause3.png);
}

.nPlayer_icon_play{
    background-image:url(../img/nplayer-Icons-play3.png);
}

.nPlayer_icon_sound{
    background-image:url(../img/nplayer-Icons-sound3.png);
}

.nPlayer_icon_mute{
    background-image:url(../img/nplayer-Icons-mute3.png);
}

.nPlayer_icon_loopAll{
    background-image:url(../img/nplayer-Icons-loop3.png);
    background-size:10%;
}

#nPlayer_timeOutLine, #nPlayer_soundOutLine{
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow:0 0 10px #999999;
    cursor:pointer;
}

#nPlayer_timeInLine, #nPlayer_soundInLine{
    border-radius:4px;
    background-color:#666666;
}

#nPlayer_soundBar, #nPlayer_soundBarOver, #nPlayer_timeBar, #nPlayer_timeBarOver{
    background-color:#666666;
    position:absolute;
    cursor:pointer;
    box-shadow:0 0 10px #FFFFFF;
    background: -webkit-linear-gradient(top, #999999, #444444);
}

#nPlayer_soundControl{
    position:absolute;
    padding:6px;
    border:1px solid #666666;
    background-color:#eeeeee;
    z-index:100;
    border-radius:10px;
    left:684px;
    top:100px;
}

#nPlayer_soundOutLine{
    width:8px;
    height:100px;
}

#nPlayer_soundInLine{
    width:100%;
    height:50px;
    background: -webkit-linear-gradient(left, #999999, #444444);
}

#nPlayer_soundBar, #nPlayer_soundBarOver{
    height:15px;
    width:15px;
    top:50px;
    left:3px;
    border-radius:15px;
}

#nPlayer_timeControl{
    position:absolute;
    top:40px;
    left:140px;
}

#nPlayer_timeOutLine{
    height:8px;
    width:600px;
}

#nPlayer_timeInLine{
    height:100%;
    width:0px;
    background: -webkit-linear-gradient(top, #999999, #444444);
}

#nPlayer_timeBar, #nPlayer_timeBarOver{
    height:13px;
    width:32px;
    top:-2px;
    left:-18px;
    border-radius:3px;
}

#nPlayer_timeBarOver{
    opacity:0.8;
}

#nPlayer_cover{
    opacity:0.8;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#333333;
    display:none;
}

#nPlayer_info{
    display:none;
    text-align:left;
    color:white;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:50px;
    font-size:30px;
}